﻿<!DOCTYPE html>
<html>
  <head>
    <title>产品设计文档</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/产品设计文档/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/产品设计文档/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片) -->
      <div id="u1879" class="ax_default image">
        <img id="u1879_img" class="img " src="images/产品设计文档/u1879.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1880" class="ax_default _一级标题">
        <div id="u1880_div" class=""></div>
        <div id="u1880_text" class="text ">
          <p><span>1.功能框架</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1881" class="ax_default _一级标题">
        <div id="u1881_div" class=""></div>
        <div id="u1881_text" class="text ">
          <p><span>2.用户画像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1882" class="ax_default sticky_1">
        <div id="u1882_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1883" class="ax_default ellipse">
        <img id="u1883_img" class="img " src="images/产品设计文档/u1883.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1884" class="ax_default _三级标题">
        <div id="u1884_div" class=""></div>
        <div id="u1884_text" class="text ">
          <p><span>场景一</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1885" class="ax_default label">
        <div id="u1885_div" class=""></div>
        <div id="u1885_text" class="text ">
          <p><span>用户：大学生</span></p><p><span>需求：在做作业的时候有个知识盲点不会做</span></p><p><span>痛点：上课没有认真听课，忘记老师教的方法</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1886" class="ax_default sticky_2">
        <div id="u1886_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1887" class="ax_default ellipse">
        <img id="u1887_img" class="img " src="images/产品设计文档/u1883.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1888" class="ax_default _三级标题">
        <div id="u1888_div" class=""></div>
        <div id="u1888_text" class="text ">
          <p><span>场景二</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1889" class="ax_default label">
        <div id="u1889_div" class=""></div>
        <div id="u1889_text" class="text ">
          <p><span>用户：上班族</span></p><p><span>需求：碰到工作难题</span></p><p><span>痛点：没有领导指导，自身能力不足</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1890" class="ax_default sticky_4">
        <div id="u1890_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1891" class="ax_default ellipse">
        <img id="u1891_img" class="img " src="images/产品设计文档/u1883.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1892" class="ax_default _三级标题">
        <div id="u1892_div" class=""></div>
        <div id="u1892_text" class="text ">
          <p><span>场景三</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1893" class="ax_default label">
        <div id="u1893_div" class=""></div>
        <div id="u1893_text" class="text ">
          <p><span>用户：独居青年</span></p><p><span>需求：家里的电脑坏了，不知道坏的原因又想要自己修理</span></p><p><span>痛点：没有人在身边可问或对此类生活难题陌生</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1894" class="ax_default _一级标题">
        <div id="u1894_div" class=""></div>
        <div id="u1894_text" class="text ">
          <p style="font-size:32px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">3.产品目的</span></p><p style="font-size:32px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">为了让忙绿的用户更快便捷、准确地找到想要的教程，为了求知欲爆棚的用户解锁更多新技能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1895" class="ax_default _一级标题">
        <div id="u1895_div" class=""></div>
        <div id="u1895_text" class="text ">
          <p><span>4.设计规范</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1896" class="ax_default" data-left="32" data-top="1732" data-width="1069" data-height="344">

        <!-- Unnamed (矩形) -->
        <div id="u1897" class="ax_default box_2">
          <div id="u1897_div" class=""></div>
          <div id="u1897_text" class="text ">
            <p><span>主色：#336633</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1898" class="ax_default box_2">
          <div id="u1898_div" class=""></div>
          <div id="u1898_text" class="text ">
            <p><span>辅助色#C9C9C9</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1899" class="ax_default box_2">
          <div id="u1899_div" class=""></div>
          <div id="u1899_text" class="text ">
            <p><span>辅助色#666666</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1900" class="ax_default box_2">
          <div id="u1900_div" class=""></div>
          <div id="u1900_text" class="text ">
            <p><span>辅助色：#FFFFFF</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1901" class="ax_default box_2">
          <div id="u1901_div" class=""></div>
          <div id="u1901_text" class="text ">
            <p><span>点缀色：#336699</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1902" class="ax_default box_2">
          <div id="u1902_div" class=""></div>
          <div id="u1902_text" class="text ">
            <p><span>点缀色：#CC0066</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1903" class="ax_default box_2">
          <div id="u1903_div" class=""></div>
          <div id="u1903_text" class="text ">
            <p><span>点缀色：#999900</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1904" class="ax_default box_2">
          <div id="u1904_div" class=""></div>
          <div id="u1904_text" class="text ">
            <p><span>点缀色：#CC3300</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1905" class="ax_default _二级标题">
          <div id="u1905_div" class=""></div>
          <div id="u1905_text" class="text ">
            <p><span>(1).色彩规范</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1906" class="ax_default _二级标题">
          <div id="u1906_div" class=""></div>
          <div id="u1906_text" class="text ">
            <p><span>由于产品的主打功能是教学，其关键词是：冷静、严肃、沉稳，所以我们采用了比较绿色和白色，让整个页面看起来安全可靠，不会干扰到用户学习。而四个点缀色的运用是为了让页面色彩更丰富，减少用户视觉上的疲乏感</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1907" class="ax_default" data-left="32" data-top="2120" data-width="643" data-height="285">

        <!-- Unnamed (矩形) -->
        <div id="u1908" class="ax_default box_1">
          <div id="u1908_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1909" class="ax_default _二级标题">
          <div id="u1909_div" class=""></div>
          <div id="u1909_text" class="text ">
            <p style="font-size:26px;"><span>Arial----导航栏字体：26</span></p><p style="font-size:24px;"><span>Arial----导航栏字体：24</span></p><p style="font-size:18px;"><span>Arial----导航栏字体：18</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1910" class="ax_default _二级标题">
          <div id="u1910_div" class=""></div>
          <div id="u1910_text" class="text ">
            <p style="font-size:16px;"><span style="color:#363636;">微软雅黑----正文框字体：16</span></p><p style="font-size:14px;"><span style="color:#5E5E5E;">微软雅黑----正文框字体：14</span></p><p style="font-size:12px;"><span style="color:#666666;">微软雅黑----正文框字体：12</span></p><p style="font-size:10px;"><span style="color:#949494;">微软雅黑----正文框字体：10</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1911" class="ax_default _二级标题">
          <div id="u1911_div" class=""></div>
          <div id="u1911_text" class="text ">
            <p><span>(2).文字规范</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1912" class="ax_default" data-left="32" data-top="2443" data-width="685" data-height="575">

        <!-- Unnamed (矩形) -->
        <div id="u1913" class="ax_default _二级标题">
          <div id="u1913_div" class=""></div>
          <div id="u1913_text" class="text ">
            <p><span>(3).ICON规范</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1914" class="ax_default _二级标题">
          <div id="u1914_div" class=""></div>
          <div id="u1914_text" class="text ">
            <p><span style="color:#363636;">正常页面icon：16*16（小）</span></p><p><span style="color:#363636;">菜单栏+导航栏icon：23*23（中）</span></p><p><span style="color:#363636;">特殊页面icon：30*30</span><span style="color:#FF9900;"> </span><span style="color:#363636;">（大）</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u1915" class="ax_default" data-left="32" data-top="2705" data-width="685" data-height="313">

          <!-- Unnamed (SVG) -->
          <div id="u1916" class="ax_default image">
            <img id="u1916_img" class="img " src="images/产品设计文档/u1916.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1917" class="ax_default image">
            <img id="u1917_img" class="img " src="images/产品设计文档/u1917.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1918" class="ax_default image">
            <img id="u1918_img" class="img " src="images/产品设计文档/u1918.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1919" class="ax_default image">
            <img id="u1919_img" class="img " src="images/产品设计文档/u1919.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1920" class="ax_default image">
            <img id="u1920_img" class="img " src="images/产品设计文档/u1920.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1921" class="ax_default image">
            <img id="u1921_img" class="img " src="images/产品设计文档/u1921.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1922" class="ax_default image">
            <img id="u1922_img" class="img " src="images/产品设计文档/u1922.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1923" class="ax_default image">
            <img id="u1923_img" class="img " src="images/交互/u1352.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1924" class="ax_default image">
            <img id="u1924_img" class="img " src="images/产品设计文档/u1924.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1925" class="ax_default image">
            <img id="u1925_img" class="img " src="images/产品设计文档/u1925.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1926" class="ax_default image">
            <img id="u1926_img" class="img " src="images/产品设计文档/u1926.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1927" class="ax_default image">
            <img id="u1927_img" class="img " src="images/产品设计文档/u1927.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1928" class="ax_default image">
            <img id="u1928_img" class="img " src="images/产品设计文档/u1928.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1929" class="ax_default image">
            <img id="u1929_img" class="img " src="images/产品设计文档/u1929.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1930" class="ax_default image">
            <img id="u1930_img" class="img " src="images/交互/u1328.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1931" class="ax_default image">
            <img id="u1931_img" class="img " src="images/产品设计文档/u1931.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1932" class="ax_default image">
            <img id="u1932_img" class="img " src="images/产品设计文档/u1932.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1933" class="ax_default image">
            <img id="u1933_img" class="img " src="images/产品设计文档/u1933.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1934" class="ax_default image">
            <img id="u1934_img" class="img " src="images/产品设计文档/u1934.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1935" class="ax_default image">
            <img id="u1935_img" class="img " src="images/产品设计文档/u1935.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1936" class="ax_default image">
            <img id="u1936_img" class="img " src="images/产品设计文档/u1936.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1937" class="ax_default image">
            <img id="u1937_img" class="img " src="images/交互/u1329.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1938" class="ax_default image">
            <img id="u1938_img" class="img " src="images/产品设计文档/u1938.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1939" class="ax_default image">
            <img id="u1939_img" class="img " src="images/产品设计文档/u1939.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1940" class="ax_default image">
            <img id="u1940_img" class="img " src="images/产品设计文档/u1940.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1941" class="ax_default image">
            <img id="u1941_img" class="img " src="images/产品设计文档/u1941.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1942" class="ax_default image">
            <img id="u1942_img" class="img " src="images/产品设计文档/u1942.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1943" class="ax_default image">
            <img id="u1943_img" class="img " src="images/产品设计文档/u1943.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1944" class="ax_default image">
            <img id="u1944_img" class="img " src="images/产品设计文档/u1944.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1945" class="ax_default image">
            <img id="u1945_img" class="img " src="images/产品设计文档/u1945.svg"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1946" class="ax_default image">
            <img id="u1946_img" class="img " src="images/产品设计文档/u1946.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1947" class="ax_default _二级标题">
          <div id="u1947_div" class=""></div>
          <div id="u1947_text" class="text ">
            <p><span>ICON示例图</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1948" class="ax_default _一级标题">
        <div id="u1948_div" class=""></div>
        <div id="u1948_text" class="text ">
          <p><span>5.页面展示</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1949" class="ax_default image">
        <img id="u1949_img" class="img " src="images/产品设计文档/u1949.jpg"/>
      </div>
    </div>
  </body>
</html>
